<template>
    <div>
        <child-header>
            <template #title>
                <div>
                    我的规划
                </div>
            </template>
        </child-header>
        <div class="main">
            <van-collapse v-model="activeName" accordion>
                <van-collapse-item title="大连-新加坡" name="1">
                    第一天：出发与抵达

                    从大连周水子国际机场出发，搭乘直飞新加坡的航班。抵达后，入住预定的酒店，稍作休息。

                    第二天：城市观光

                    游览新加坡的标志性景点，如滨海湾花园，欣赏超级树的夜景，感受“花园城市”的魅力。下午参观鱼尾狮公园，并在附近购物区购物。

                    第三天：文化体验

                    参观新加坡国家博物馆，了解新加坡的历史与文化。随后，前往牛车水，感受新加坡的华人文化氛围，品尝地道美食。

                    第四天：休闲购物

                    逛乌节路购物中心，享受购物的乐趣。晚上可选择在酒店的泳池或酒吧放松。

                    第五天：回程

                    根据返程航班时间，提前办理退房手续，前往机场，结束愉快的新加坡之旅。
                </van-collapse-item>
                <van-collapse-item title="大连-韩国" name="2">
                    第一天：出发与抵达

                    从大连出发，飞往韩国首尔。抵达后入住酒店，休息。

                    第二天：首尔观光

                    游览景福宫、北村韩屋村，体验韩国的传统文化。晚上逛明洞，品尝韩国美食。

                    第三天：主题乐园

                    前往乐天世界或爱宝乐园，享受欢乐刺激的游乐设施。

                    第四天：购物与休闲

                    在首尔塔欣赏城市全景，并前往东大门市场购物。晚上可选择在新沙洞林荫道散步，感受年轻人的活力。

                    第五天：回程

                    根据返程航班时间，提前办理退房手续，前往机场，结束愉快的韩国之旅。
                </van-collapse-item>
                <van-collapse-item title="大连-俄罗斯" name="3">
                    第一天：出发与抵达

                    从大连出发，飞往俄罗斯符拉迪沃斯托克。抵达后入住酒店，休息。

                    第二天：城市观光

                    游览符拉迪沃斯托克的标志性景点，如金角湾、俄罗斯岛等。感受俄罗斯的异域风情。

                    第三天：文化体验

                    参观当地的博物馆，了解俄罗斯的历史与文化。并品尝当地美食，如俄式鱼子酱、红菜汤等。

                    第四天：休闲购物

                    在市中心的购物区逛街购物，选购俄罗斯特色纪念品。晚上可欣赏当地的夜景。

                    第五天：回程

                    根据返程航班时间，提前办理退房手续，前往机场，结束愉快的俄罗斯之旅。
                </van-collapse-item>
            </van-collapse>
        </div>
    </div>
</template>

<script setup>
import Header from '../components/Header.vue';
import ChildHeader from "../components/ChildHeader.vue";
import { ref } from 'vue';

const activeName = ref('1');
</script>

<style scoped>
.main {
    height: 100%;
    margin: 50px 0;
}
</style>